<template>
  <div>
    <el-card>
      <el-col>

        <el-select v-model="sLike.statu" placeholder="请选择">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>

      </el-col>
      <el-col>
        <span class="demonstration">默认</span>
        <el-date-picker
          v-model="sLike.value1"
          type="daterange"
          unlink-panels
          value-format="yyyy-MM-dd"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期">
        </el-date-picker>
        <el-button type="primary" class="ml-5" @click="load">搜索</el-button>
        <el-button type="primary" class="ml-5" @click="save">添加</el-button>
      </el-col>
    </el-card>
    <el-card>

    </el-card>
  </div>
</template>

<script>
export default {
  name: "List",
  data(){
    return {
      options: [
        {value: '1',label: '黄金糕'},
        {value: '2',label: '双皮奶'},
        {value: '3',label: '蚵仔煎'},
        {value: '4',label: '龙须面'},
        {value: '5',label: '北京烤鸭'}
      ],
      sLike:{
        statu:"",
        startTime:"",
        value1: '',
        tableData:[1],
      }
    }
  },
  created() {
    this.load()
  },
  methods:{
    load(){
      // this.sLike.startTime=this.sLike.value1[0]
      console.log(this.sLike)
    },
    save(){

    },
  }
}
</script>

<style scoped>

</style>
